<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/fix_nav.css" />
		<link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.css" />
		
		
	</head>
	<body>
		<div id="fix_nav">
			<i class="fa fa-github" style="margin-top: 150px;"></i>
			<i class="fa fa-qq"></i>
			<i class="fa fa-product-hunt"></i>
			<i class="fa fa-shopping-cart car">购物车<br/></i>
			<p class="fa fa-weixin" style="margin-top: 150px;"></p>
			<p>top</p>
			<p class="fa fa-close"></p>
		</div>
		
		<div id="show_backtop">
			<p class="fa fa-angle-left"></p>
			<p>top</p>
		</div>
		<script type="text/javascript">
			  var $height=$(document).outerHeight();
			    $("#fix_nav").css("height",$height);
			    //回到顶部
			    $(window).scroll(function(){
				    $("#fix_nav p").eq(1).click(function(){
				    	$("html,body").stop().animate({scrollTop:0},1000)
				    });
				    $("#show_backtop p").eq(1).click(function(){
				    	$("html,body").stop().animate({scrollTop:0},1000)
				    })
			    })
			    //隐藏固定导航栏
			    $("#fix_nav p").eq(2).click(function(){
				    $("#fix_nav").animate({right:-40},500)
				})
			    //展开固定导航栏
			    $("#show_backtop p").eq(0).click(function(){
			    	$("#fix_nav").animate({right:0},500)
			    })
			    //购物按钮
			    $("#fix_nav .car").click(function(){
			    	var status=$.cookie("登录状态");
			    	var status_arr=JSON.parse(status);
			    	if(status_arr==null){
			    		alert("请先登录！")
			    	}else{
			    		window.location.href="shopping_cart.html";
			    	}
			    })
			    
		</script>
	</body>
</html>
